<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box{
				width: 50%;
			}
			.active{
				height: 200px;
				background: gold;
			}
			.mybox{
				height: 100px;
				background: green;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<!--<div v-bind:class="'box'"></div>-->
			<!--<div v-bind:class="{'box':isbox,'active':isactive}"></div>-->
			<!--<div v-bind:class="obj"></div>-->
			<!--<div v-bind:class="[isbox,isactive]"></div>-->
			<div v-bind:class="[isbox,isactive?activeClass:errClass]"></div>
			<p v-bind:style="{color:'red',fontSize:size}">尽快的回复决定是否健康的身份</p>
			<p v-bind:style="classObj">梵蒂冈地方官地方官地方</p>
		</div>

	</body>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var vm = new Vue({
			el:"#app",
			data:{
				isbox:"box",
				isactive:false,
				activeClass:"active",
				errClass:'mybox',
				size:"30px",
				obj:{
					box:false,
					active:true
					
				},
				classObj:{
					color: 'blue',
        			fontSize: '20px'
				}
				
			},
			 methods: {

			}
		})

	</script>
</html>
